<template>
  <ul>
    <li>
      <router-link to="/home/about">关于</router-link>
    </li>
    <li>
      <router-link :to="'/home/product?search=123'">产品1?拼接</router-link>
    </li>
    <li>
      <router-link :to="{ path: '/home/product', query: { serach: 123453 } }"
        >产品2 - query
      </router-link>
    </li>
    <li>
      <router-link :to="{ name: 'product', params: { abc: 'hellow' } }"
        >产品3-params</router-link
      >
    </li>
    <li>
      <router-link :to="'/home/product/123'"
        >产品3-动态路由- /home/product/:pid</router-link
      >
    </li>
    <li>
      <router-link to="/home/order/">订单</router-link>
    </li>
  </ul>
</template>

<script>
export default {};
</script>

<style>
</style>